<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>首页</title>
    <link rel="stylesheet" href="plugins/aui-20170109-v2/css/aui.css" type="text/css"/>
	<link rel="stylesheet" href="css/home.css" type="text/css"/>
	<link rel="stylesheet" href="plugins/icon/iconfont.css">
    <style type="text/css">
        #classify {
            color: #ffffff !important;
        }
    </style>
</head>
<body>
    <section class="aui-content ">
		
		<div class="aui-searchbar" style="background-color: #03a9f4;"  id="search" onclick="toSearch()">
		    <div class="aui-searchbar-input aui-border-radius">
		        <i class="aui-iconfont aui-icon-search"></i>
		        <input type="search" placeholder="请输入搜索内容" id="search-input">
		        <div class="aui-searchbar-clear-btn">
		            <i class="aui-iconfont aui-icon-close"></i>
		        </div>
		    </div>
		    <div class="aui-searchbar-btn" tapmode>取消</div>
		</div>
		
		
		
        <div class="aui-grid aui-bg-info">
            <div class="aui-row" id="classify">
                <div class="aui-col-xs-3">
                    <i class="iconfont">&#xe607;</i>
                    <div class="aui-grid-label">扫一扫</div>
                </div>
                <div class="aui-col-xs-3" onclick="topay()">
                    <i class="iconfont">&#xe605;</i>
                    <div class="aui-grid-label">付钱</div>
                </div>
                <div class="aui-col-xs-3" onclick="tocoll()">
                    <i class="iconfont ">&#xe602;</i>
                    <div class="aui-grid-label">收钱</div>
                </div>
                <div class="aui-col-xs-3">
                    <i class="iconfont">&#xe604;</i>
                    <div class="aui-grid-label">卡包</div>
                </div>
            </div>
        </div>
    </section>
    <section class="aui-content aui-margin-b-10">
        <div class="aui-grid">
            <div class="aui-row">
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-recovery aui-text-info"></i>
                    <div class="aui-grid-label">名字</div>
                </div>
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-mobile aui-text-warning"></i>
                    <div class="aui-grid-label">手付</div>
                </div>
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-cert aui-text-warning"></i>
                    <div class="aui-grid-label">卡券</div>
                </div>
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-map aui-text-info"></i>
                    <div class="aui-grid-label">位置</div>
                </div>
                <div class="aui-hr aui-clearfix"></div>
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-gear aui-text-danger"></i>
                    <div class="aui-grid-label">设置</div>
                </div>
                <div class="aui-col-xs-3">
                    <div class="aui-badge" style="left:50%">抢红包</div>
                    <i class="aui-iconfont aui-icon-calendar aui-text-danger"></i>
                    <div class="aui-grid-label">日历</div>
                </div>
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-location aui-text-warning"></i>
                    <div class="aui-grid-label">定位</div>
                </div>
                <div class="aui-col-xs-3">
                    <i class="aui-iconfont aui-icon-video aui-text-primary"></i>
                    <div class="aui-grid-label">直播</div>
                </div>
            </div>
        </div>
    </section>
	
	<section class="aui-content aui-margin-b-10" style="overflow:hidden; background:#ffffff;" onclick="toreminding()">
	    <div class="aui-info aui-padded-l-15 aui-padded-r-15">
	        <div class="aui-info-item">
	            <img src="image/mayi.jpg" class="aui-margin-r-10" style="width:2rem;border-radius:4px;" />
	            加油你今天走了2953步</br>
				又有好友收取了你的绿色能量
	        </div>
	        <div class="aui-info-item">
	            <i class="aui-iconfont aui-icon-right"></i>
	        </div>
	    </div>
	</section>
	
	
	
	
    <section class="aui-content aui-margin-b-10" style="overflow:hidden; background:#ffffff;" onclick="torecord()">
        <div class="aui-info aui-padded-l-15 aui-padded-r-15">
            <div class="aui-info-item">
                <img src="image/123.jpg" class="aui-margin-r-10" style="width:2rem;border-radius:4px;" />
                记录我的生活
            </div>
            <div class="aui-info-item">
                <i class="aui-iconfont aui-icon-camera"></i>
            </div>
        </div>
    </section>
    <section class="aui-content" onclick="tomylife()">
        <div class="aui-card-list">
            <div class="aui-card-list-header aui-card-list-user">
                <div class="aui-card-list-user-avatar">
                    <img src="img/user/ydl.jpg" class="aui-margin-r-10" style="width:2rem;border-radius:4px;" />
                </div>
                <div class="aui-card-list-user-name">
                    <div>诸葛大力</div>
                    <i class="aui-iconfont aui-icon-down"></i>
                </div>
                <div class="aui-card-list-user-info">08-09 11:05</div>
            </div>
            <div class="aui-card-list-content aui-list aui-media-list aui-list-noborder aui-padded-t-0">
                <div class="aui-list-item aui-list-item-middle aui-padded-r-15">
                    <div class="aui-media-list-item-inner "  style="background:#f5f5f5;">
                        <div class="aui-list-item-media aui-padded-t-0 aui-padded-b-0 aui-padded-r-0" style="width:3rem;">
                            <img src="image/hongbao.png">
                        </div>
                        <div class="aui-list-item-inner aui-padded-l-10">
                            呼唤朋友拿红包
                        </div>
                    </div>
                </div>
            </div>
            <div class="aui-card-list-footer aui-border-t aui-margin-t-10" style="padding-left:1.5rem;padding-right:1.5rem;">
                <div>
                    <i class="aui-iconfont aui-icon-laud aui-margin-r-5"></i>赞
                </div>
                <div>
                    <i class="aui-iconfont aui-icon-comment aui-margin-r-5"></i>评论
                </div>
                <div>
                    <i class="aui-iconfont aui-icon-star aui-margin-r-5"></i>打赏
                </div>
            </div>
        </div>
    </section>
    <section class="aui-content">
        <div class="aui-card-list aui-margin-b-0">
            <div class="aui-card-list-header aui-card-list-user">
                <div class="aui-card-list-user-avatar">
                    <img src="image/demo1.png" class="aui-margin-r-10" style="width:2rem;border-radius:4px;" />
                </div>
                <div class="aui-card-list-user-name">
                    <div>XX信用-阅读更新</div>
                    <i class="aui-iconfont aui-icon-down"></i>
                </div>
                <div class="aui-card-list-user-info">08-09 11:05</div>
            </div>
            <div class="aui-card-list-content aui-text-center">
                <div class="aui-font-size-20">本月XX分更新了</div>
                <p class="aui-text-danger aui-margin-b-10">评估时间：2016-08-06</p>
                <p class="aui-margin-b-10">点滴珍贵，重在积累</p>
            </div>
            <div class="aui-card-list-footer aui-text-center aui-border-t">
                <div class="aui-text-info">立即查看</div>
            </div>
        </div>
    </section>
	<section class="aui-grid homegrid">
	    <div class="aui-row homerow">
	        <div class="aui-col-xs-3 homexs-3">
	            <a href="index.html"><i class="aui-iconfont aui-icon-home homeiconfont"></i>
	            <div class="aui-grid-label">首页</div></a>
	        </div>
	        <div class="aui-col-xs-3 homexs-3">
	            <a href="wealth-page.html" style="color: #2d2b2b;"><i class="iconfont homeiconfont" style="line-height: 0.6rem;">&#xe606;</i>
	            <div class="aui-grid-label">理财</div></a>
	        </div>
	        <div class="aui-col-xs-3 homexs-3">
	            <a href="myWordMouth.html" style="color: #2d2b2b;"><i class="iconfont homeiconfont">&#xe600;</i>
	            <div class="aui-grid-label">口碑</div></a>
	        </div>
	        <div class="aui-col-xs-3 homexs-3">
	            <a href="friend.html" style="color: #2d2b2b;"><i class="iconfont homeiconfont">&#xe603;</i>
	            <div class="aui-grid-label">朋友</div></a>
	        </div>
	        <div class="aui-col-xs-3 homexs-3" onclick="toMy()">
	            <a  style="color: #2d2b2b;"><i class="aui-iconfont aui-icon-my homeiconfont"></i>
	            <div class="aui-grid-label">我的</div></a>
	        </div>
	    </div>
	</section>


<script>
	
	function toreminding(){
		
		window.location.href="service-reminding.html"
	}
	
	function topay(){
		window.location.href="pay.html"
	}
	
	function tocoll(){
		window.location.href="coll.html"
	}
	
	function toMy(){
		window.location.href="my2.html"
	}
	
	function toSearch(){
		window.location.href="searchbar_frm.html";
	}
	function tomylife(){
		window.location.href="friend-dynamics.html";
	}
	
	function torecord(){
		window.location.href="recordlife.html";
	}
	
	
</script>


</body>

</html>